<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="/public/plugins/zTree/jquery.ztree.all.min.js"></script>
<link rel="stylesheet" href="/public/plugins/zTree/zTreeStyle.css" type="text/css">




<div class="customBox">
    <div class="layui-row layui-col-space10">
        <div class="layui-col-md6 pd10 flex overflow">
            <div>
                <input type="text" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
            </div>
            <div class="item overflow">
                <ul id="treeDemo" class="ztree"></ul>
            </div>
        </div>
        <div class="layui-col-md6 pd10 hline flex overflow">
            <div class="tagList item overflow">
                <p><span class="layui-badge layui-bg-blue">综合大网格</span><a class="layui-badge" href="####"><i class="layui-icon">&#xe640;</i></a></p>
                <p><span class="layui-badge layui-bg-blue">综合大网格＞中网格三＞小网格7</span><a class="layui-badge" href="####"><i class="layui-icon">&#xe640;</i></a></p>
                <p><span class="layui-badge layui-bg-blue">综合大网格＞中网格三</span><a class="layui-badge" href="####"><i class="layui-icon">&#xe640;</i></a></p>
                <p><span class="layui-badge layui-bg-blue">综合大网格</span><a class="layui-badge" href="####"><i class="layui-icon">&#xe640;</i></a></p>
                <p><span class="layui-badge layui-bg-blue">综合大网格＞中网格三＞小网格7</span><a class="layui-badge" href="####"><i class="layui-icon">&#xe640;</i></a></p>
                <p><span class="layui-badge layui-bg-blue">综合大网格＞中网格三</span><a class="layui-badge" href="####"><i class="layui-icon">&#xe640;</i></a></p>
                <p><span class="layui-badge layui-bg-blue">综合大网格</span><a class="layui-badge" href="####"><i class="layui-icon">&#xe640;</i></a></p>
                <p><span class="layui-badge layui-bg-blue">综合大网格＞中网格三＞小网格7</span><a class="layui-badge" href="####"><i class="layui-icon">&#xe640;</i></a></p>
                <p><span class="layui-badge layui-bg-blue">综合大网格＞中网格三</span><a class="layui-badge" href="####"><i class="layui-icon">&#xe640;</i></a></p>
                <p><span class="layui-badge layui-bg-blue">综合大网格</span><a class="layui-badge" href="####"><i class="layui-icon">&#xe640;</i></a></p>
                <p><span class="layui-badge layui-bg-blue">综合大网格＞中网格三＞小网格7</span><a class="layui-badge" href="####"><i class="layui-icon">&#xe640;</i></a></p>
                <p><span class="layui-badge layui-bg-blue">综合大网格＞中网格三</span><a class="layui-badge" href="####"><i class="layui-icon">&#xe640;</i></a></p>
                <p><span class="layui-badge layui-bg-blue">综合大网格</span><a class="layui-badge" href="####"><i class="layui-icon">&#xe640;</i></a></p>
                <p><span class="layui-badge layui-bg-blue">综合大网格＞中网格三＞小网格7</span><a class="layui-badge" href="####"><i class="layui-icon">&#xe640;</i></a></p>
                <p><span class="layui-badge layui-bg-blue">综合大网格＞中网格三</span><a class="layui-badge" href="####"><i class="layui-icon">&#xe640;</i></a></p>
            </div>
            
        </div>
    </div>
</div>


<SCRIPT LANGUAGE="JavaScript">
    var zTreeObj;
    // zTree 的参数配置，深入使用请参考 API 文档（setting 配置详解）
    var setting = {};
    // zTree 的数据属性，深入使用请参考 API 文档（zTreeNode 节点数据详解）
    var zNodes = [
        {
            name: "test1", open: true, children: [
                { name: "test1_1" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }]
        },
        {
            name: "test2", open: true, children: [
                { name: "test2_1" }, { name: "test2_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }]
        }
    ];
    (function () {
        zTreeObj = $.fn.zTree.init($("#treeDemo"), setting, zNodes);
    })();
</SCRIPT>